<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>DEMO RESPONSIVE</title>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
        $(function() {
            var pull 		= $('#pull');
            menu 		= $('nav ul');
            menuHeight	= menu.height();

            $(pull).on('click', function(e) {
                e.preventDefault();
                menu.slideToggle();
            });
        });
    </script>
</head>
<body>
    <nav class="menu">
        <a id="pull" href="#">Menu</a>
        <ul>
            <li><a href="#">Home</a></li><!--
            --><li><a href="#">How-to</a></li><!--
            --><li><a href="#">Icons</a></li><!--
            --><li><a href="#">Design</a></li><!--
            --><li><a href="#">Web</a></li><!--
            --><li><a href="#">Tools</a></li>
        </ul>
    </nav>
    <div class="container">
        <div class="list">
            <div class="item"></div><!--
            --><div class="item"></div><!--
            --><div class="item"></div><!--
            --><div class="item"></div><!--
            --><div class="item"></div><!--
            --><div class="item"></div>
        </div>
    </div>
</body>
</html>